body{ overflow-x:hidden; font-family:'微软雅黑'}
a{ cursor:pointer;transition: all .5s;}
a:link {	color:#555;	text-decoration: none;transition: all .5s;}
a:visited {	color:#555;	text-decoration: none;transition: all .5s;}
a:hover {	color:#999;	text-decoration: none;transition: all .5s; opacity:0.8}
a:active {	color:#555;	text-decoration: none;transition: all .5s;}
ul{ padding:10px;}
iframe{ border:0px}
.banner img{}
h4.container{margin:20px auto 0 auto;}
textarea{resize: none;}
select {    -webkit-appearance: none;  appearance:none; -moz-appearance:none; -o-appearance:none; -ms-appearance:none; background: url(../images/selectbj.png) no-repeat center right #fff !important; }
.margin10{ margin:15px;}
.container{ margin-left:auto; margin-right:auto;}
.banner>.row>div{padding:0px;}
li{ list-style:none;}
h3.title{font-size:36px; padding:0 20px; border-left:5px solid #000; margin:100px 0 30px 0;}
.banner>.row>div{padding:0px;}
h4.title{max-width:1260px; margin:50px auto 10px auto; font-size:34px; color:rgba(50,50,50,1.00);border-bottom:2px solid #333; padding-bottom:10px;}
h4.title strong{ border-left:5px solid #333; display:inline-block; padding-left:20px; }
nav{ position:absolute; top:0px; left:0px; width:100%; background-color: rgba(0,0,0,0.7); z-index:9;height:96px;}
nav .row {width: 1260px;margin: auto !important; }
nav .row li{ float:left;}
nav .row .logoimg{ width:360px;}
nav .row .logoimg a{padding: 0px; }
nav .row li a{ font-size:18px; display:inline-block; width:170px; padding:20px 0 39px 0; text-align:center; color:#c8a05a ; } 
nav .row li a:hover{color:#fff; border-bottom:1px solid #fff;transition: all 0s;}
nav .row li a.cur{color:#fff; border-bottom:1px solid #fff;transition: all 0s;}
nav .row li a.active{color:#fff; border-bottom:1px solid #fff;transition: all .5s;}
.indexAbout {}
.indexAbout h3{font-size: 34px;}
.indexAbout p{ font-size:18px; line-height:2em; color:#555;}
.indexAbout .col-md-3{ text-align:center; font-size:25px;}
.indexAbout .col-md-3 a{display: block;background-color: #f2c26d;text-align: center;margin: 40px;border-radius: 150px;overflow: hidden;padding: 35px;}
.indexPro>div{ background-color:#f2c26d; margin-top:50px;}
.indexPro{padding-top:50px;}
.indexPro .row{ width:1260px; margin:auto;}
.indexPro .col-md-4{ padding:0px; position:relative;}
.indexPro .col-md-4 p {position: absolute;bottom: 0px;display: block;width: 100%;height: 100px;background-color: #0006;margin: 0px;color: #f2c26d;line-height: 100px;font-size: 32px; padding:0px 30px;}
.indexPro .col-md-4 a{ display: block; height:488px; overflow:hidden;}
.indexPro .col-md-4 a img:hover{width:120% !important; transition: all .5s; margin-top:-10%; margin-left:-10%; }
.indexPro .col-md-4 a img{ width:100.5% !important; transition: all .5s; margin-top:-0%; margin-left:-0%;}
.indexNws {}
.indexNws .col-md-4{ margin-top:30px;}
.indexNws .col-md-4 .date{width: 150px;background-color: #000;color: #c8a05a;padding:0 15px 0 15px; font-size:34px;}
.indexNws .col-md-4 .date span{font-size:24px;}
.indexNws .col-md-4 .date hr{border-top: 2px solid #c8a05a;margin-top: 5px;margin-bottom: 0px; margin-left:-5px; width:90%;}
.indexNws .col-md-4 a{}
.indexNws .col-md-4 a h4{color: #333;font-size: 28px;margin: 20px auto;}
.indexNws .col-md-4 a p{line-height: 30px;font-size: 18px;color: #444;}
.indexNws .col-md-4 a:hover h4{color: #777;}
.indexNws .col-md-4 a:hover p{color: #888;}

footer{ background-color:#000; padding:30px 10px 10px 10px; margin-top:30px; color:#c8a05a; font-size:22px; line-height:52px;}
footer .row{}
footer .row a{ color:#c8a05a; display:inline-block; padding:0px 10px;}
footer .row .col-md-8{}
footer .row .col-md-2{ text-align:center;}
footer .row{ width:1260px; margin:auto;}
.aboutCon{ padding-top:30px;}
.aboutCon h3.text-center{ font-size:36px; padding:20px; }
.conAbout{ font-size:24px; line-height:2em; }

.teamBox{}
.teamBox ul { padding:0px;}
.teamBox ul li{ height:612px; color:#fff; padding:50px 120px; position:relative;}
.teamBox ul li h4{ font-size:42px; padding-bottom:50px;}
.teamBox ul li p{ color:#a0a2a9;line-height:1.5em; font-size:22px;}
.teamBox ul li .hgr{height: 400px;position: absolute;width: 5px;background-color:none;top: 0px;left: 42%;margin: 100px;border-top:none;border-bottom:none;}
.teamBox>div{ margin-top:-80px; padding-left:50px; position:relative;}
.teamBox>div>p{ float:left; margin-left:10px; border:4px solid #c8a05b; cursor:pointer; background-color:#000;}
.teamBox>div>p.active{border:4px solid #8d7140;}
.teamBox>div>p img{ opacity:0.5}
.teamBox>div>p.active img{ opacity:1;}


.displayNone{ display:none;}
.strategyBox>div{ border:5px solid #fff; padding:30px;}
.strategyBox{ background-color:#f2c26d; color:#000; padding:10px; text-align:center; font-size:26px;}

.historyBox{ overflow:hidden; position:relative;}
.historyBox .menu{border-top: 3px solid #dadada;height: 1px; margin-bottom:100px; margin-top:10px; margin-right:5px; width:9999px;}
.historyBox .menu a{ display:inline-block; margin:-3px 50px 0 50px; font-size:30px; color:#dadada; width:60px;}
.historyBox .menu img{ position:absolute; top:5px; right:-1px;}
.historyBox .menu a span{ display: block;height: 20px;width: 20px;background-color: #dadada;margin: auto;border-radius: 50px;}
.historyBox .menu a.active{ color:#c8a05b;}
.historyBox .menu a.active span{ background-color: #c8a05b;}
.historyBox .historyCon {}
.historyBox .historyCon { background-color:#f6f6f6; color:#c8a05b; padding:0px;}
.historyBox .historyCon li{}
.historyBox .historyCon li p{padding:30px 50px;color: #c8a05b;font-size: 30px;float: left;width: 560px;    line-height: 1.8em;}
.historyBox .historyCon li img{ float:right;}
.aboutCon .honour{font-size: 24px;line-height: 1.8em;}
.aboutCon .honour li{ list-style:inside;line-height: 2.5em;}

.newsBox{ padding-top:50px;}
.newsBox .menu{}
.newsBox .menu a{ display:inline-block; margin:0px 90px 30px 0px; font-size:36px; color:#333;}
.newsBox .menu a.active{ font-weight:bold;}
.newsBox .newsCon{ padding:0px;}
.newsBox .newsCon li{ background-color:#fae7c5; border-radius:20px; padding:0px; margin-bottom:50px; overflow:hidden;}
.newsBox .newsCon li p{ font-size:18px; line-height:2em; }
.newsBox .newsCon li img{ width:40%;border-radius: 0px;height: auto;} 
.newsBox .newsCon li h3{ font-size:28px; }
.newsBox .newsCon li h3 span{ display:block;font-size: 18px;color: #887b64;padding: 20px 0 0px 0;}
.newsBox .newsCon li a{ border-radius:20px; margin:0px 0 10px 0; padding:0px 30px; display:block; color:#111;width: 60%;float: right;}
.newsBox .newsCon li a:hover{color:#666;}
.pagelist{ text-align:center; font-size:32px;}

.newsDateil { padding-top:150px; min-height:700px;}
.newsDateil h3 { text-align:center;font-size:38px}
.newsDateil h4 {text-align:center; font-size:30px; margin:20px 0 50px 0;}
.newsDateil div {}
.newsDateil div p { font-size:30px; line-height:2em; color:#444;}
.newsDateil div  { font-size:30px; line-height:2em; color:#444;}
.newsDateil div img{ box-shadow: 10px 10px 0px #999; max-width:100%;}

.contuctBox .title{  }
.contuctBox {}
.contuctBox .col-md-6  {background-color: #fae7c5;width: 46%;margin: 0 4% 4% 0;border-radius: 10px;padding:30px 50px;font-size: 24px;font-weight: 100; line-height:2em; min-height:350px;}
.contuctBox .col-md-6 dd {margin-left: 100px;}
.contuctBox .col-md-6 dt {font-weight: 100;width: 100px; text-align:left;}
 
.videoBox {}
.videoBox .Con { padding:0px;}
.videoBox .Con li{ float:left; width:30%; margin-right:3%; text-align:center}
.videoBox .Con li h4{ font-size:24px; margin:30px 0 50px 0;}
.videoBox .Con li a{ position:relative; display:block;}
.videoBox .Con li a:hover .make{ opacity:1}
.videoBox .Con li a img{width:372px; height:262px;box-shadow: 10px 10px 3px #999;}
.videoBox .Con li a .make{ height:262px; width:372px; position:absolute; background:url(../images/video_04.png) no-repeat bottom center; top:0px ; left:0px; opacity:0}
.newsBox .pagination a{ color: #333; font-size:24px; border:none; margin:20px;}
.newsBox .pagination a.active{ color:#E5B900}

.CustomerBox>div{ background-color:#fae7c5; border-radius:20px; font-size:24px; padding:30px 50px; line-height:2em;}
.CustomerBox{ }
.CustomerBox>div dt{ cursor:pointer;}
.CustomerBox>div dt:hover{ color:#666;}
.CustomerBox>div dl{}
.CustomerBox>div dd{line-height:2em; background-color:#f7d8a2;border-radius:20px;padding:20px 30px; margin:20px -10px; display:none;}
.CustomerBox>div dl.active dd{ display:block;} 

.jobsBox{}
.jobsBox>div>div{ padding:20px 30px ;}
.jobsBox>div{ background-color:#fae7c5;padding: 20px;border-radius: 20px;font-size: 26px;line-height: 2em;}
.jobsBox>div dl{ background-color:#f7d8a2;border-radius:15px; padding:20px 30px; cursor:pointer;}
.jobsBox>div dl dt{ font-weight:100;}
.jobsBox>div dl dt span{ vertical-align: bottom; padding-left:20px; font-size:36px; line-height:26px; display:none}
.jobsBox>div dl dd{padding:20px 20px; line-height:2em; display:none}

.loadBox{}
.loadBox .Con{}
.loadBox .Con {}
.loadBox .Con li{ border-bottom:2px dashed #333; padding:30px;}
.loadBox .Con li a{ display:block; color:#000; font-size:24px;}
.loadBox .Con li a span{ float:right;}

.coreClass .col-md-4{ position:relative; padding:0px; overflow:hidden;}
.coreClass .col-md-4:hover p{transition:all .5s ;bottom: -100px; }
.coreClass .col-md-4:hover div{transition:all .5s;opacity:1;}
.coreClass .col-md-4 a{ color:#000; opacity:1 ;display: block;}
.coreClass .col-md-4 a:hover{}
.coreClass .col-md-4 p.active{ background-color:#f2c26d80; color:#000;}
.coreClass .col-md-4 p{position: absolute;bottom: 0px;display: block;width: 100%;height: 100px;background-color: rgba(0,0,0,0.5);margin: 0px;color: #f2c26d;line-height: 100px;font-size: 32px; padding:0px 30px;transition:all .5s}
.coreClass .col-md-4 div{position: absolute; height:100%; width:100%; top:0px; left:0px; background-color:rgba(242,194,109,0.6) ;text-align: center;padding: 30px;font-size: 20px;line-height: 2em; opacity:0; transition:all .5s}

.coreList{}
.newsandimg li{background-color:#f2c26d; margin-bottom:40px;}
 .ajaxli-left{width:620px;padding: 30px 30px 0px 30px;float:left;}
 .ajaxli-left img{width:100%; height:auto;}
 .ajaxli-right{}
 .ajaxli-right{ 
	 margin-left:620px;
	 width:600px;
	 padding: 20px 30px; color:#333;}
 .ajaxli-right h3{ font-size:36px;}
 .ajaxli-right p{ font-size:20px; line-height:2em;}
 .ajaxli-right:before,
.ajaxli-right:after{
	display: table;
	content: " ";
}
.ajaxli-right:after{
	clear: both;
}

.dropload-refresh , .dropload-load ,.dropload-noData { text-align:center; font-size:24px;}

.login-box .Close{text-align: right; padding:10px 10px 10px 0px; margin:0px; color:#777; font-size:0px;}
.login-box .Close img{ cursor:pointer;}
.pop-box {	z-index: 998;display: none;border-radius: 0px;position: absolute;background-color: #FFF;width:900px;max-height:90%;min-height: 500px;overflow-y:auto;left: 50%;margin-left:-450px;margin-top:-250px;top: -500px;padding: 10px;}
.mask {color: #C7EDCC;background-color: #000;position: absolute;top: 0px;left: 0px;opacity: 0;z-index: 997;}

.carousel-caption ,.carousel-indicators{ display:none;}
#videoPalyssss{ margin-bottom:0px; font-size:0px;}
.historyBox .menu{transition: all .5s;}
.videoBox .Con li h4{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#videoPalyssss iframe{ width:100%; height:494px;}

@media screen and (max-width: 1100px) {
	.newsBox .newsCon li img{ width:100%;}
	.newsBox .newsCon li a{ width:100%; float:none}
	.indexNws .col-md-4 .date{ font-size:18px;}
	.indexNws .col-md-4 .date span{ font-size:14px;}
	.indexPro .col-md-4 p{ font-size:12px; padding:10px; height:auto; line-height:2em;}
	footer .row span.pull-right{ float:none !important; display:inline-block;}
	.container{max-width:100%;}
	body{ max-width:640px; margin:auto; overflow-x:hidden}
	.coreList dl dt img{ float:none;    padding-bottom: 15px;}
	.indexPro .col-md-4{width: 32.5%;display: inline-block;}
	nav { height:auto;position: inherit; }
	nav .row {width: 100%;margin: auto !important;}
	footer .row{width: 100%;margin: auto !important;}
	.indexPro .row{width: 100%;margin: auto !important;}
	nav .row .logoimg a img{ width:100%; max-width:110px;}
	nav .row li.logoimg a{ width:100%;padding-top: 10px;} 
	nav .row .logoimg{ width:25%;}
	nav .row li a{ width:auto; padding:5px 0px 5px 10px; font-size:14px;}
	nav .row li{ width:25%; display:block; text-align:center; float:left;}
	nav .row li a.active {color: #fff;    border-bottom: 0px solid #fff;    transition: all .5s;} 
	h4.title{ margin:20px 10px; font-size:24px;}
	.hidden-xs{ display:block !important;}
	.container{ padding:0px 20px 20px 20px; }
	.indexAbout h3{ margin:0px; font-size:22px; font-weight:bold; padding:10px 0;}
	.indexAbout p{font-size:16px }
	.indexAbout .col-md-3{ width:49%; display:inline-block; padding-bottom:20px}
	.indexAbout .col-md-3 a { margin:10px; padding:30px;} 
	.indexAbout .col-md-3 a img{ width:100% !important;max-width: 200px;}
	.indexPro {    padding-top: 0px;}
	footer .row .col-md-2{  width:49%; float:left; padding:20px 0;} 
	footer .row{ font-size:16px;}
	/*.indexPro .col-md-4{ height:auto; overflow:hidden; max-height:400px;}*/
	.indexPro .col-md-4 a img:hover{width:100% !important; transition: all .5s; margin-top:0%; margin-left:0%; }
	.indexPro .col-md-4 a{ height:auto;} 
	footer .row img{ max-width:80%; height: auto;}
	nav .row li a:hover{color:#fff; border-bottom:0px solid #fff;transition: all 0s;}
	nav .row li a.active{color:#fff; border-bottom:0px solid #fff;transition: all .5s;}
	.conAbout{ font-size:14px;}
	.aboutCon h3.text-center{ font-size:22px;}
	h3.title{font-size: 24px;border-left: 3px solid #000;padding: 0 10px; margin-top:30px;}
	.teamBox ul li .hgr{ display:none;}
	.teamBox ul li{height: 230px;padding:10px; background-size: auto 50% !important; background-position:bottom right !important;}
	.teamBox ul li h4{ font-size:18px;padding-bottom: 0px;}
	.teamBox ul li p{font-size:8px;} 
	.teamBox > div{padding-left: 0px;margin-top: -0px;}
	.teamBox > div > p{ width:30%;margin-left: 3%;}
	.teamBox > div img{ max-width:100%; height:auto;}
	.strategyBox{font-size: 14px;line-height: 1.8em;}
	.aboutCon .honour{ font-size:14px;}
	.historyBox .menu a{font-size: 14px;display: inline-block;text-align: center;margin:5px 10px 0px 10px;width: 35px; }
	.historyBox .menu a span{ }
	.historyBox .menu img{ }
	.historyBox .historyCon li p{ padding:10px;width: auto; font-size:14px;}
	.historyBox .historyCon li img{ float: none; max-width:100%;}
	.coreList dl dd{ margin: auto;    padding: 10px;}
	.coreList dl dt{ width:100%;padding: 10px 10px 0px 10px;}
	.coreList dl dd h3 ,.newsDateil h3 ,.newsBox .newsCon li h3{ font-size:16px; line-height:1.5em;margin-top: 10px;}
	.coreList dl dd p , .newsDateil div p ,.newsDateil h4 ,.newsBox .newsCon li p,.loadBox .Con li a,.videoBox .Con li h4{ font-size:14px;}
	.newsDateil h4{ margin: 10px 0;}
	.newsBox .menu a{ font-size:18px; margin:20px 10px;}
	.videoBox .Con li a img{ max-width:100%; height:108px; box-shadow: 2px 2px 3px #999;}
	.videoBox .Con li a .make{ height:100%; width:100%; background-size:auto 100%}
	.loadBox .Con li{ padding:15px;}
	.jobsBox .col-md-4{ width:30%; display:inline-block; font-size:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;   }
	.jobsBox > div dl dt span{ padding-left:10px;font-size: 16px;}
	.jobsBox > div dl{ padding:15px 20px;}
	.jobsBox > div > div{ padding:0px 20px 15px 20px;}
	.videoBox .Con li h4{ margin:10px auto;}
	.videoBox .Con li{ width:47%;}
	.pop-box { width:100%; margin-left:0px;left: 0%;min-height:300px;}
	#videoPalyssss iframe{ width:100%; height:200px;}
	.pop-box h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-top:0px;}
	.newsBox .newsCon li{ padding:0px; margin-bottom:20px;}
	.newsBox{ padding: 0 15px !important;}
	.jobsBox .col-md-4{ padding:0px;line-height: 26px;font-size: 12px;}
	.jobsBox>div dl dd{ padding:5px; font-size:14px;}
	.jobsBox > div dl{ padding:5px 15px;border-radius: 5px;}
	.jobsBox > div > div{ padding:0px 10px}
	nav .row li a.cur{border-bottom:0px}
	
	.coreClass .col-md-4{ width:32%; display:inline-block}
	.coreClass .col-md-4:hover p{transition:all .5s ;bottom: 0px; } 
	.coreClass .col-md-4:hover div{transition:all .5s;opacity:0;}
	.coreClass .col-md-4 p{ font-size:12px;padding: 0px 10px; line-height:50px; height:50px;}
	.newsBox .newsCon li h3 span{ font-size:12px;}
	.newsBox .newsCon li p{ font-size:12px; color:#333;}
	.newsBox .newsCon li h3 span{ padding:0px;}
	footer .row .col-md-2{ display:none;}
	.newsDateil div img{box-shadow: 0px 0px 0px #999;max-width: 100%;height: auto;} 
	
	
	.ajaxli-left{    width: 100%;float:none;padding: 10px 10px 0px 10px;}
	.ajaxli-right{    margin-left: 0px;width: auto;padding:10px 20px;}
	.ajaxli-right h3{    font-size: 16px;}
	.ajaxli-right p{    font-size: 12px;}
	#videoPlay iframe{width: 100%;}
	
}






@media screen and (max-width: 767px) {
.teamBox ul li{padding-bottom: 500px;} 

}